@import "bootstrap-overrides";

/* font family / sizes */
$font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif;
$font-family-secondary: Montserrat, "Helvetica Neue", Arial, sans-serif;
$icon-font-path: "../node_modules/bootstrap-sass/assets/fonts/bootstrap/" !default;
$root-font-size: 16px;
$secondary-font-size: 0.875rem;

/* font weights */
$font-weight-light: 200 !default;
$font-weight-normal: 300 !default;
$font-weight-medium: 400 !default;
$font-weight-bold: 500 !default;

/* responsive breakpoints */
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
) !default;

/* colors */
$body-color: #000000;
$body-background-color: #F8F9F9;
$primary-color: #00A19B;
$primary-dark: darken($primary-color, 9%);
$primary-light: transparentize($primary-color, 0.9); // #DEF0EF;
$primary-medium: #89D0CE;
$light-grey: #F8F9F9;
$medium-grey: transparentize(#000000, 0.85);
$dark-grey: #3D4542;
$body-color-light: transparentize($body-color, 0.5);
$orange: #FCAF17;
// $product-color: #E9F0EF;
$product-color: $primary-light;
$transparent: rgba(0,0,0,0);
$red: #B90000;
$subIndustry: #175F96;
$industry: transparentize($subIndustry, 0.5);
$universe: #CCCCCC;
$black: #000000;
$secondary-color: #FFA200;
$white: #FFF;

$theme-colors: (
    "body": $body-color,
    "body-light": $body-color-light,
    "primary": $primary-color,
    "primary-dark": $primary-dark,
    "primary-light": $primary-light,
    "primary-medium": $primary-medium,
    "light-grey": $light-grey,
    "medium-grey": $medium-grey,
    "dark-grey": $dark-grey,
    "orange": $orange,
    "product-color": $product-color,
    "transparent": $transparent,
    "red": $red,
    "universe": $universe,
    "subIndustry": $subIndustry,
    "industry": $industry,
    "black": $black,
    "secondary": $secondary-color,
    "white": $white
);

/* margins / padding */
$padding-sm: 10px;
$padding-md: 20px;
$padding-lg: 40px;
$padding-sizes: (
    "sm": $padding-sm,
    "md": $padding-md,
    "lg": $padding-lg
);
$margin-sizes: (
    "sm": 10px,
    "md": 20px,
    "lg": 40px
);

$grid-gutter-width: 16px !default;

$modal-xl: 1000px!important;

$modal-lg: 750px!important;

$sizes: (
  1: 1%,
  5: 5%,
  10: 10%,
  15: 15%,
  20: 20%,
  40: 40%,
  60: 60%
);